<script setup>
defineProps({
  width: {
    type: String,
    default: '100%'
  },
  height: {
    type: String,
    default: '100%'
  }
})
</script>

<template>
  <svg :width="width" :height="height" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="32" fill="#e0e0d1" r="32"/>
    <path
        d="m32 16c9.9 0 18 8.1 18 18s-8.1 18-18 18-18-8.1-18-18 8.1-18 18-18zm0-4c-12.2 0-22 9.8-22 22s9.8 22 22 22 22-9.8 22-22-9.8-22-22-22z"
        fill="#231f20" opacity=".2"/>
    <path
        d="m32 14c9.9 0 18 8.1 18 18s-8.1 18-18 18-18-8.1-18-18 8.1-18 18-18m0-4c-12.2 0-22 9.8-22 22s9.8 22 22 22 22-9.8 22-22-9.8-22-22-22z"
        fill="#c75c5c"/>
    <path d="m40 44c-.5 0-1-.2-1.4-.6l-8.6-8.6v-8.8c0-1.1.9-2 2-2s2 .9 2 2v7.2l7.4 7.4c.8.8.8 2 0 2.8-.4.4-.9.6-1.4.6z"
          fill="#231f20" opacity=".2"/>
    <path d="m40 42c-.5 0-1-.2-1.4-.6l-8.6-8.6v-8.8c0-1.1.9-2 2-2s2 .9 2 2v7.2l7.4 7.4c.8.8.8 2 0 2.8-.4.4-.9.6-1.4.6z"
          fill="#4f5d73"/>
  </svg>
</template>
